	*{
		margin: 0px; /*设置当前页面所以标签外边距*/
		padding: 0px; /*设置当前页面所以标签内边距*/
	}
	
	
	/* 设置Body标签全局样式 */
	body{
		background-color: rgba(127, 127, 127, 0.8);
		
	}
	#LoginAndReg{
			border-radius: 20px;
			background-color: white;
			width: 500px; /*宽度*/
			height: 455px; /*高度*/
			margin: 60px auto; /*设置div层自动居中*/
			
		}
	 #top{
			background-color: white;
			/*设置id为top的div层的下边线*/
			border-bottom-color: grey;
			border-bottom-width: 2px;
			border-bottom-style: solid;
			border-radius: 20px 20px 0px 0px;
		}
		/* 设置登录注册顶部样式 */
	#top p{
			line-height: 52px;  /*设置行高可以将指定标签元素垂直居中*/
		}
	#top p strong{
			display: inline-block; /*将Strong行内标签更改为行内块标签元素*/
			width: 460px;
			text-indent: 26px; /*设置文本首行缩进*/
			font-family: "楷体"; /*设置字体样式*/
			font-size: 20px; /*设置字体大小*/
			font-weight: bolder; /*加粗*/
			
		}
	#top p span{
			
			display: inline-block; /*将span行内标签更改为行内块标签元素*/
			width: 30px;
			text-align: center; /*设置文本水平居中*/
			font-family: "楷体";
			font-size: 20px; /*设置字体大小*/
			font-weight: bolder; /*加粗*/
		}
		/*鼠标悬浮的地方显示小手*/
	#top p span:hover{
			cursor: pointer;
			
		}
		
	#bottom{
			/* background-color: lightblue; */
			width: 320px;
			margin:  auto;/*设置id为bottom的div层居中*/
/* 			text-align: center;设置文本水平居中 */
			
		}
		
	#bottom #zhuce,#wxdl,#passworddl{
			text-align: center;/*设置文本水平居中*/
		}
		/*微信登录*/
		#WexinVerification {
			width: 320px;
			margin: auto;
		}
		#WexinVerification #QRcode{
			text-align: center;
		}
		#WexinVerification #wexinbutton01{
			text-align: center;
			background-color: green;
			border-radius: 10px;
			margin: auto;
			margin-top: 50px;
			width: 200px;
			
		}
		
		#wexinbutton01 button{
			display: inline-block;
			/* border: none; */
			border: 10px solid green;
			font-size: 16px;
			background-color: transparent;
			color: white
			
		}
		#WexinVerification #weixintext{
			text-align: center;
			
		}
		/*短信登录*/
	#smsVerification{
			/* background-color: green; */
			width: 320px;
			margin: auto;
		}
	#smsVerification #phone,#message{
			/* background-color: lightgreen; */
			height: 48px;
			line-height: 48px;
			/*设置边框线*/
			border: 1px solid #DEE2E6;
			/*设置css3的圆角边框线*/
			border-radius: 10px;					/*一个参数和设置四个参数效果一样，按顺时针方向上右下走*/
			/* border-radius: 5px 10px; */			/*两个参数，上下 左右*/
			/* border-radius: 5px 15px 20px; */		/*三个参数 上 左右 下*/
			/* border-radius: 5px 15px 20px 25px; */  /*四个参数*/
			margin-top: 10px;
		}
	#smsVerification #phone input{
			/*将input 内嵌元素设置成行内块元素，再设置宽高属性*/
			display: inline-block;
			width: 260px;
			height: 40px;
			/* line-height: 40px; */
			
			/*设置外边框边距*/
			margin-left: 20px;
			/*去除input默认边框线*/
			border: none;
			/*去除轮廓outline点击默认样式*/
			outline: none;
			font-size: 16px;
			
		}
	#smsVerification #message #sms{
		/*将Input内联元素设置成行内块元素，再设置宽高属性*/
			display: inline-block;
			width :170px;
			height: 40px;
			margin-left: 20px;
			border: none;
			outline: none;
			font-size: 16px;
		}
	#smsVerification #message #getsms{
			display: inline-block;
			width :108px;
			height: 48px;
			/* border: none; */
			margin-left: 15.6px;
			outline: none;
			border: 1px solid rgba(127,127,127,0.8);
			font-size: 16px;
			background-color: transparent;
			border-radius: 0px 10px 10px 0px;
		}
		/*用户登录*/
		#Password{
			width: 320px;
			margin: auto;
		}
		#Password #TelOrEmail,#pass{
			height: 48px;
			line-height: 48px;
			/*设置边框线*/
			border: 1px solid #DEE2E6;
			/*设置css3的圆角边框线*/
			border-radius: 10px;					/*一个参数和设置四个参数效果一样，按顺时针方向上右下走*/
			/* border-radius: 5px 10px; */			/*两个参数，上下 左右*/
			/* border-radius: 5px 15px 20px; */		/*三个参数 上 左右 下*/
			/* border-radius: 5px 15px 20px 25px; */  /*四个参数*/
			margin-top: 10px;
		}
		#Password #TelOrEmail input{
			display: inline-block;
			width: 260px;
			height: 40px;
			/* line-height: 40px; */
			
			/*设置外边框边距*/
			margin-left: 20px;
			/*去除input默认边框线*/
			border: none;
			/*去除轮廓outline点击默认样式*/
			outline: none;
			font-size: 16px;
		}
		#Password #pass input{
			display: inline-block;
			width: 260px;
			height: 40px;
			/* line-height: 40px; */
			
			/*设置外边框边距*/
			margin-left: 20px;
			/*去除input默认边框线*/
			border: none;
			/*去除轮廓outline点击默认样式*/
			outline: none;
			font-size: 16px;
		}
		
		#Password #forPassword a{
			color: green;
			
		}
		#Password #forPassword{
			text-align: right;
			margin-top: 20px;
		}
	.text{
		color: grey;
		margin-top: 20px;
	}
	
		/*设置通用登录注册底部样式*/
	.dl{
		color: white;
	}
	#bottom .commBottom{
			/* background-color: green; */
			width:  320px;
			margin: 20px auto;
		}
	#denglu{
		background-color: green;
		border-radius: 10px;
		margin-top: 10px;
		text-align: center;
	}
	#denglu input{
		display: inline-block;
		/* border: none; */
		outline: none;
		border: 10px solid green;
		font-size: 16px;
		background-color: transparent;
		
	}
	#LoginType{
		text-align: center;
		
	}
	.weixin,.mima,.duannxin{
		color: green;
		background-color: transparent;

	}
	#LoginType button{
		border: none;
		outline: none;
		padding-block-start: none;
	}
	#moreLoginType{
		text-align: center;
	}
	#moreLoginType button{
		border: none;
		outline: none;
		padding-block-start: none;
		
	}
	.google,.github,.weibo,.more{
		background-color: transparent;
	}
	.xieyi a{
		font-size: 14px;
		color: green;
	}

	

		